<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<!-- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"> -->

		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>首页</title>
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<link rel="stylesheet" type="text/css" href="../assets/font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
		<link rel="stylesheet" href="../assets/animate/animate.min.css">
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/home page.css">
	</head>

	<body>
		<header class="header">
			<div>
				<dl>
					<dt><img src="../images/A-1.png"></dt>
					<dd>
						<h1>PM.</h1></dd>
					<dd>22:10</dd>
				</dl>
			</div>

			<div>
				<a class="navs active" href="#">
					<dl>
						<dt><h1>热门</h1></dt>
						<dd>HOT</dd>
					</dl>
				</a>
				<a class="navs" href="#">
					<dl>
						<dt><h1>最新</h1></dt>
						<dd>NEW</dd>
					</dl>
				</a>
				<a class="navs" href="#">
					<dl>
						<dt><h1>附近</h1></dt>
						<dd>NEARBY</dd>
					</dl>
				</a>
			</div>

			<div>
				<i class="fa fa-search"></i>
			</div>
		</header>
		<!-- 中 -->
	
     <div class="content">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					    <div class="main">
						 <div class="dls">
							<dl>
								<dt><img src="../images/A-3.png"></dt>
								<dd>
									<h1>片刻</h1></dd>
								<dd>2017/09/19</dd>
							</dl>
						</div>
						<div class="ps">
							<p>你没有感受到————，那就不是爱，</p>
						</div>
						<div class="imgs">
							<img src="../images/C-1.png">
						</div>

					</div>
				<main class="sectionMain">
		        </main>
			
				</div>

				<div class="swiper-slide">
					    <div class="main">
		
					   </div>
				<main class="mains">
		        </main>
			
				</div>
				<div class="swiper-slide">
					 <div class="main">
				
					</div>
				<main class="homepagr">
		        </main>
			
				</div>
			</div>
		
       </div>

</div>

       <!-- 底 -->
		<footer class="footer">
			<a href="awhile.html">
				<dl>
					<dt class="fa fa-university"></dt>
					<dd>首页</dd>
				</dl>
			</a>
			<a href="home page.html">
				<dl>
					<dt class="fa fa-bandcamp"></dt>
					<dd>发现</dd>
				</dl>
			</a>
			<a href="compile+.html">
				<dl class="fa fa-plus-circle">

				</dl>
			</a>
			<a href="livelhood.html">
				<dl>
					<dt class="fa fa-shopping-basket"></dt>
					<dd>生活</dd>
				</dl>
			</a>
			<a href="">
				<dl>
					<dt class="fa fa-user"></dt>
					<dd>我的</dd>
				</dl>
			</a>
		</footer>

          <script type="text/html" id="list_caidan">
			{{each sectionMain as v}}
			<section class="sectdls">
				<dl>
					<dt><img src="{{v.images}}"></dt>
					<dd>
						<h1>{{v.h1s}}</h1></dd>
					<dd>{{v.dds}}</dd>
				</dl>
				<span>
                       {{v.spans}}
                     </span>
			</section>
			<section class="sectps">
				<p>{{v.ps}}</p>
			</section>
			<section class="sectimgs">
				<img src="{{v.imgs}}">
			</section>
			<section class="sectspan">
				<span><i class="fa fa-floppy-o"></i>{{v.spa1}}</span>
				<span><i class="fa fa-commenting-o"></i>{{v.spa2}}</span>
				<span><i class="fa fa-thumbs-up"></i>{{v.spa3}}</span>
			</section>

			{{/each}}
		</script>

		<script type="text/html" id="mains_lis">
			{{each mains as v}}
			<section class="sectdls">
				<dl>
					<dt><img src="{{v.images}}"></dt>
					<dd>
						<h1>{{v.h1s}}</h1></dd>
					<dd>{{v.dds}}</dd>
				</dl>
				<span>
                       {{v.spans}}
                     </span>
			</section>
			<section class="sectps">
				<p>{{v.ps}}</p>
			</section>
			<section class="sectimgs">
				<img src="{{v.imgs}}">
			</section>
			<section class="sectspan">
				<span><i class="fa fa-floppy-o"></i>{{v.spa1}}</span>
				<span><i class="fa fa-commenting-o"></i>{{v.spa2}}</span>
				<span><i class="fa fa-thumbs-up"></i>{{v.spa3}}</span>
			</section>

			{{/each}}
		</script>

		<script type="text/html" id="home_lis">
			{{each homepagr as v}}
			<section class="sectdls">
				<dl>
					<dt><img src="{{v.images}}"></dt>
					<dd>
						<h1>{{v.h1s}}</h1></dd>
					<dd>{{v.dds}}</dd>
				</dl>
				<span>
                       {{v.spans}}
                     </span>
			</section>
			<section class="sectps">
				<p>{{v.ps}}</p>
			</section>
			<section class="sectimgs">
				<img src="{{v.imgs}}">
			</section>
			<section class="sectspan">
				<span><i class="fa fa-floppy-o"></i>{{v.spa1}}</span>
				<span><i class="fa fa-commenting-o"></i>{{v.spa2}}</span>
				<span><i class="fa fa-thumbs-up"></i>{{v.spa3}}</span>
			</section>

			{{/each}}

		</script>
		<script src="../assets/JQ/jquery-3.2.1.min.js"></script>
		<script src="../assets/swiper/js/swiper.min.js"></script>
		<script src='../assets/animate/swiper.animate1.0.2.min.js'></script>
		<script src="../assets/template/artTemplate.js"></script>
		<script src="../js/home page.js"></script>

	</body>

</html>